.box{
    width: 375px;
    height: 667px;
    position: relative;
}
.box2{
    width:100%;
    height:29%;

    position: absolute;
    top:0;
    left:0;
}
.box2_1{
    width:100%;
    height:15%;
  
}
.box2_2{
    width:100%;
    height:62%;
   
   
}
.box2_2_1{
    display: flex;
}
.h{
    margin-top: 15px;
    color: white;
    font-size: 20px;
    margin-left: 10px;
}
.hs{
    color: white;
    margin-left: 10px;
    font-size: 15px;
}
.hss{
    color: white;
}
.ll{
    font-size: 15px;
    font-weight: bold;
    
}
.tb{
    font-size: 20px;
    margin-left: 100px;
}
.box3{
    width:100%;
    height: 71%;
    position: absolute;
    top:25%;
    background-color: white;
    border-radius: 10px;
}
.box33{
    width:100%;
    height: 71%;
    position: absolute;
    top:25%;
    border-radius: 10px;
    background-color: black;
}
.ziti{
    color: white;
}
.box3_1{
    width:100%;
    height: 18%;

    display: flex;
    justify-content: space-around;
}
.box3_2{
    width:100%;
    height: 11%;
    border:1px solid rgb(237, 240, 239);
    display: flex;
}
.box3_22{
    width:100%;
    height: 11%;
    border:1px solid rgb(46, 47, 47);
    display: flex;
}
.jkl{
    margin-top: 16px;
    margin-left: 10px;
    font-size: 13px;
    cursor: pointer;
}
.kl{
    margin-top: 16px;
    margin-left: 10px;
    font-size: 13px;
    cursor: pointer;
    color: white;
}
.wode{
    font-size: 20px;
  
}
.fensi{
    font-size: 15px;
}
.anniu{
    margin-left: 200px;
    margin-top: 13px;
}
.bai{
    color: white;
}